@extends("system.layout")
@section("main")
    <div class="banner two">
        <div class="container">
            <h2 class="second-head">Our Albums</h2>
        </div>
    </div>
    <!--//banner-->
    <!--gallery-section-->
    <div class="gallery-section">
        <div class="container">
            <div class="categorie-grids cs-style-1">
                @if(isset($albums))
                    @foreach($albums as $albums)
                        <div class="col-md-4 cate-grid grid">
                            <figure>
                                <img  style="height:200px;width:350px;"src="{{$albums->picture}}" alt="">
                                <figcaption>
                                    <h3>{{$albums->title}}</h3>
                                    <span>{{$albums->content}}</span>
                                    <a class="example-image-link" href="{{$albums->picture}}" data-lightbox="example-1" data-title="Interior Design">VIEW</a>
                                </figcaption>
                            </figure>
                        </div>
                    @endforeach
                @endif
                <script src="{{asset("/system/wed/js/lightbox.js")}}"></script>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    @include("system.friends")
@endsection